﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ProductDetail.aspx.cs" Inherits="Product_ProductDetail" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Title </title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <UC:UcCss ID="useCss" runat="server" />
    <style type="text/css" media="screen">
        #js-player
        {
            visibility: hidden;
        }
    </style>
</head>
<body id="p-content">
    <!-- wrapper -->
    <div class="wrapper">
        <!-- wrap -->
        <div id="wrap">
            <!-- head -->
            <div id="head">
                <a class="logo" href="/">挖掘机查询中心</a>
                <!-- nav -->
                <UC:nav ID="navuc" runat="server"></UC:nav>
                <!-- /nav -->
                <!-- breadcrumb -->
                <div class="breadcrumb">
                    <h3>
                        您的位置：</h3>
                    <UC:bread ID="bread1" runat="server"></UC:bread>
                </div>
                <!-- /breadcrumb -->
                <!-- banner -->
                <div class="prom">
                    <img src="../images/banner-1.png">
                </div>
                <!-- /banner -->
            </div>
            <!-- /head -->
            <!-- main -->
            <div id="main">
                <!-- left -->
                <UC:NavLeftDown ID="NavLeftDown1" runat="server"></UC:NavLeftDown>
                <!--/ left -->
                <!-- right -->
                <div id="col-right">
                    <!-- intro -->
                    <div class="intro">
                        <div id="js-ptp" class="coll">
                            <div class="detail">
                                <span class="ico"></span>
                                <img src="<%=Product.CoverImage %>" alt="<%=Product.Name %>" />
                            </div>
                            <ul>
                                <asp:Repeater ID="rptProductImageList" runat="server" OnItemDataBound="ProductImageListDataBound">
                                    <ItemTemplate>
                                        <asp:Literal ID="ltlText" runat="server"></asp:Literal>
                                    </ItemTemplate>
                                </asp:Repeater>
                                <%--<li class="active"><span class="cover"></span><img src="images/pic-li.png"></li>
												<li><span class="cover"></span><img src="images/pic-1.png"></li>
												<li><span class="cover"></span><img src="images/pic-2.png"></li>
												<li><span class="cover"></span><img src="images/pic-3.png"></li>
												<li class="last"><span class="cover"></span><img src="images/pic-4.png"></li>--%>
                            </ul>
                            <div class="clr">
                                &nbsp;</div>
                        </div>
                        <div class="colr">
                            <h1>
                                <%=Product.Name%></h1>
                            <ul>
                                <li>挖机型号:
                                    <%=Product.Model%></li>
                                <li>铲斗容量:
                                    <%=Product.BucketCapacity%><sup>3</sup></li>
                                <li>工作重量:
                                    <%=Product.WorkWeight%></li>
                                <li>所属类别: <span class="highlight">
                                    <%=Enum.GetName(typeof(LLFM.CAT.Enum.SeriesEnum),Product.SeriesId)%></span></li>
                                <li>适用工矿:
                                    <%=Product.ApplyTo%></li>
                            </ul>
                            <p>
                                挖机好处:
                                <br>
                                <%=Product.Advantage%></p>
                        </div>
                        <div class="clr">
                            &nbsp;</div>
                    </div>
                    <!-- /intro -->
                    <!-- share -->
                    <div class="share">
                        <a class="btn" href="#">查看详情</a> <a class="btn-download" href="<%=Product.UserManual %>"
                            target="_blank">下载产品手册</a> <a class="btn-src" href="#">查找经销商</a>
                        <div class="bar">
                            <h4>
                                分享至</h4>
                            <a class="ico-renren" href="#">人人</a> <a class="ico-weibo" href="#">新浪微博</a> <a class="ico-db"
                                href="#">豆瓣</a> <a class="ico-tx" href="#">腾讯微博</a> <a class="ico-kaixin" href="#">开心</a>
                        </div>
                    </div>
                    <!-- /share -->
                    <!-- intro -->
                    <div class="intro last">
                        <h2>
                            特点介绍</h2>
                        <div class="coll">
                            <object width="368" height="242" type="application/x-shockwave-flash" data-value="<%=ProductExtention.FlashUrl %>"
                                id="js-player" style="visibility: visible;">
                                <param name="wmode" value="transparent">
                            </object>
                        </div>
                        <div class="colr">
                            <%=ProductExtention.Description%>
                            <%--<ul class="list">
												<li>
													<img src="images/banner-5.png">
													<h4>更安全，更安静</h4>
													<p>拥有提高操作和维修期间安全的特性，以及更低的操作噪声。</p>
												</li>
												<li class="last">
													<img src="images/banner-6.png">
													<h4>高效率，低油耗</h4>
													<p>卡特彼勒C6.4 发动机采用的ACERT技术为机器提供首屈一指的动力和燃油效率。</p>
												</li>
											</ul>--%>
                        </div>
                        <div class="clr">
                            &nbsp;</div>
                    </div>
                    <!-- /intro -->
                    <div class="sp-line">
                    </div>
                    <!-- abstract -->
                    <div class="abstract">
                        <h2>
                            使用心得<a class="btn" href="#">查看更多产品的用户心得</a></h2>
                        <div class="coll">
                            <img class="intro-pic" src="../images/head-2.png">
                            <a class="btn-download" href="#">下载</a>
                            <p>
                                目前，郝家树的卡特彼勒设备正在北黑公路和漠河两地进行施工。据郝家树介绍，北黑公路的修建中石头较多，漠河地下冻土层较厚，且两地地理位置都靠北，气温低，尤其是漠河，处于中国最北端，两地作业环境之恶劣可以想见。</p>
                            <a class="btn" href="#">查看详细</a>
                        </div>
                        <div class="colr">
                            <img class="intro-pic" src="/images/head-2.png">
                            <a class="btn-download" href="#">下载</a>
                            <p>
                                目前，郝家树的卡特彼勒设备正在北黑公路和漠河两地进行施工。据郝家树介绍，北黑公路的修建中石头较多，漠河地下冻土层较厚，且两地地理位置都靠北，气温低，尤其是漠河，处于中国最北端，两地作业环境之恶劣可以想见。</p>
                            <a class="btn" href="#">查看详细</a>
                        </div>
                        <div class="clr">
                            &nbsp;</div>
                    </div>
                    <!-- /abstract -->
                </div>
                <!-- /right -->
                <div class="clr">
                    &nbsp;</div>
            </div>
            <!-- /main -->
            <!-- footer -->
            <UC:footer ID="footerUC" runat="server"></UC:footer>
            <!-- /footer -->
        </div>
        <!--/ wrap -->
    </div>
    <!-- /wrapper -->
    <script type="text/javascript" src="<%=ResolveUrl("~/_assets/js/swfobject.js")%>"></script>
    <script src="<%=ResolveUrl("~/_assets/js/jquery.js") %>" type="text/javascript"></script>
<script src="<%=ResolveUrl("~/_assets/js/scripts1.js") %>"" type="text/javascript"></script>
    <script type="text/javascript">
<!--
        $(function () {
            new ptp({
                handler: "#js-ptp ul",
                area: "#js-ptp .detail img"
            });
            new PC({
                prc: '.province',
                city: '.city'
            });
            new share({
                handler: ".bar a"
            }); 
            new flashPlay({
                id: "js-player"
            });
            new imgPop({
                handler: '#js-ptp .detail .ico',
                slt: '#js-ptp li > img'
            });
        });
//-->
</script>
    <UC:Login ID="loginUC" runat="server"></UC:Login>
</body>
</html>
